﻿
/*page for user center*/
.warn, .high h2 { color: #e70000; }
.user-bar, .user-wrap{ float: left; }
.user-bar{ width: 135px; margin-right: 20px; border: 1px solid #acb3b3; background-color: #f3f3f3; }
.user-bar h2{ background:url(../images/user-title.png) no-repeat; height:30px; overflow:hidden; line-height:30px; font-size: 16px; color: #fff; text-align:center; }
.user-bar ol{ margin-bottom: 20px; }
.user-bar ol li i{ background-position: -48px -197px; width:12px; height: 12px; overflow:hidden; }
.user-bar ol li a { color: #4b4b4b;padding-left: 30px; } 

.user-wrap{ width: 790px; }
.user-wrap .info{ border: 1px solid #9f282b; position: relative;  background-color: #fbfbfb; color:14px; padding: 10px 8px; font-size: 14px; margin-bottom: 10px; }
.user-wrap .info .board a, .user-wrap .detail .resume a{ color: #0f3f94; font-size: 12px;}
.user-wrap .info .board{ position: absolute; top: 12px; right: 12px; }
.ucbutton, .pay, .get, .msg .btn a, .table .abtn a{ display: inline-block; zoom:1; background:url(../images/user-btns.png) no-repeat; width: 60px; height: 29px; line-height: 25px; text-align:center; color:#FFF;}
.pay{ background-position: 0px -48px; }
.get{ background-position: -62px -48px; }
.user-wrap .msg{ border: 1px solid #c4c4c4; }
.high{ background-color: #faf4ef; }
.msg h2{ margin: 5px 10px; font-size: 14px; }
.msg h2 i, .table i, .table .vertify i{ background:url(../images/user-icons.png) no-repeat; width: 27px; height: 20px; display: inline-block; zoom:1; }
.msg h2 i{ background-position: 0 0px; vertical-align: top; }
.msg .btn{ top: 12px; right: 5px; }
.msg p{ padding-left: 30px; margin-bottom: 14px; }
.msg .btn a{ background-position: 0 0; width: 134px; height: 40px; }

.user-wrap .detail{ height: auto; line-height: auto; background-color: #f7f7f7; }
.user-wrap .detail .pic, .user-wrap .detail .pinfo{ float: left;}
.user-wrap .detail .pic{ width: 90px; height: 90px; border: 1px solid #ccc; margin: 10px; }
.user-wrap .detail .pic img{ margin: 5px; }
.user-wrap .detail .pinfo{ width: 655px; }
.user-wrap .detail .resume, .aright{ background: url(../images/profile_line.png) no-repeat left top;  font-size: 12px; padding-top: 10px; }
.aright{ background: none!important; }

.user-wrap .profile{ margin-top: 10px; }
.user-wrap .ccc, .attend{  background: url(../images/u-center-t-t.png) repeat-x 0 0; padding-top: 2px; }
.attend{ line-height: 24px; }
.mt10 .btn{ top: 3px; right: 5px; }
.mt10 h2{ font-size: 14px; height: 24px; overflow: hidden; color: #000; }
.user-wrap .ccc .table {background: transparent; margin: 0; }
.user-wrap .profile ul li{ float: left; background: url(../images/u-tab.png) no-repeat; text-align: center; width: 76px; height: 28px; line-height: 28px; }
.user-wrap .profile .current{ background-position: 0 -30px; }
.user-wrap .profile ul li a{ color: #5d5d5d; }
.user-wrap .profile .current a{ color: #fff; }
.ccc th{ background-color: #eff7f8!important; font-weight: normal; color: #000; font-size: 12px; }
.profile a, .mt10 a{ color: #0f3f94; }

.mt10, .table{ margin-top: 10px; }
.table{ background: url(../images/u-center-t-t.png) repeat-x; }
.table table td, .table table th{ border: 1px solid #fff; background-color: #f5f5f5; padding: 3px 10px; }
.table td, .table .security{ line-height: 27px; }
.table .security{ padding-left: 15px; }
.table .icon{ width: 50px; text-align: center; }
.table .option{ width: 180px; }
.table .desc{ width: 450px; }
.table .abtn{ width:110px; text-align: center; }
.table .abtn a{ background-position: 0 -84px; }

.table i{ width: 24px; height:24px; vertical-align: top; margin-right: 5px; }
.table .name i{ background-position: -2px -29px; }
.table .id i{ background-position: -2px -62px; }
.table .mail i{ background-position: -2px -93px; }
.table .phone i{ background-position: -2px -125px; }
.table .card i{ background-position: -33px -29px; }
.table .real i{ background-position: -33px -62px; }
.table .pass i{ background-position: -33px -93px; }
.table .protect i{ background-position: -33px -125px; }

.table .vertify i{ background-position: -33px -3px; }